<!DOCTYPE html>
<html lang='cn'>
<script type="text/javascript">
	function onCall(){
		alert('you have an incoming call!!!');
	}
</script>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<title></title>

	<meta name="description" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="__PUBLIC__/assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="__PUBLIC__/assets/css/font-awesome.min.css" />

	<!-- text fonts -->
	<link rel="stylesheet" href="__PUBLIC__/assets/css/ace-fonts.css" />

	<!-- ace styles -->
	<link rel="stylesheet" href="__PUBLIC__/assets/css/ace.min.css" />

	<!--[if lte IE 9]>
		<link rel="stylesheet" href="__PUBLIC__/assets/css/ace-part2.min.css" />
	<![endif]-->

	<!--[if lte IE 9]>
	  <link rel="stylesheet" href="__PUBLIC__/assets/css/ace-ie.min.css" />
	<![endif]-->

	<!-- page specific plugin styles -->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

	<!--[if lte IE 8]>
	<script src="__PUBLIC__/assets/js/html5shiv.js"></script>
	<script src="__PUBLIC__/assets/js/respond.min.js"></script>
	<![endif]-->



	<!-- inline styles related to this page -->
 	<style type="text/css">
 		html,body{
			width:100%; 
			height:100%;
			}

		.chat-container {
		  position: absolute;
		  right: 0;
		  bottom: 0;
		  z-index: 12;
		  display: table;
		}
		.btn.chat-btn {
		  float: top;
		  right: 0;
		  display:block;
		  width: 102px !important;
		  text-align: center;
		  border-radius: 6px 6px 0 0 !important;
		  opacity: 0.55;
		  filter: alpha(opacity=55);
		  vertical-align: top;
		  margin: 0;
		}
		.btn.chat-btn:hover,
		.btn.chat-btn.open {
		  opacity: 1;
		  filter: alpha(opacity=100);
		}
		.chat-box {
		  display: block;
		  float: left;
		  max-width: 0;
		  max-height: 0;
		  overflow: hidden;
		  padding: 0;
		  -moz-transform: translate(0,0);
		  -webkit-transform: translate(0,0);
		  -o-transform: translate(0,0);
		  -ms-transform: translate(0,0);
		  transform: translate(0,0);
		  background-color: #FFF;
		  border: 0 solid #ffb34b;
		  -webkit-transition: max-width 0s linear 0.15s, max-height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
		  transition: max-width 0s linear 0.15s, max-height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
		}
		.chat-box.open {
		  max-width: 800px;
		  max-height: 600px;
		  padding: 0px;
		  border-width: 2px;
		  -webkit-transition-delay: 0s;
		  -moz-transition-delay: 0s;
		  -o-transition-delay: 0s;
		  transition-delay: 0s;
		}
		.chat-box .chat-item {
		  margin: 6px 0;
		  color: #444;
		  max-height: 24px;
		  min-width: 140px;
		  white-space: nowrap;
		}
		.chat-box .chat-item > label.lbl {
		  font-size: 13px;
		}
		@media (max-width: 800px) {
		  .chat-container {
		    text-align: right;
		  }
		  .chat-box {
		    float: none !important;
		    text-align: left;
		  }
		  .btn.chat-btn {
		    float: none !important;
		    display: inline-block;
		  }
		}
		@media (max-width: 800px) {
		  .chat-box > .clearfix > .pull-left,
		  .chat-box > .clearfix > .pull-right {
		    float: none !important;
		  }
		}
	</style>
</head>
<body>
	<iframe src="__MODULE__/Come/hospital_list" name="site" frameborder="0" width="99%" height="99%"></iframe>

	<div class="chat-container" id="chat-container">
		<div class="btn btn-app btn-xs btn-danger chat-btn" id="chat-btn">
			<i class="ace-icon fa fa-comments bigger-150"></i>聊天
		</div>

		<div class="chat-box" id="chat-box">
			<div class="pull-left">
				<iframe src="__PUBLIC__/chat/index.html" name="chat" frameborder="0" width="800px" height="600px"></iframe>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery.min.js'>"+"<"+"/script>");
	</script>
	<script type="text/javascript">
		if('ontouchstart' in document.documentElement) document.write("<script src='__PUBLIC__/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
	</script>
	<script src="__PUBLIC__/assets/js/jquery-ui.custom.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.chat-container').draggable()
			.click(function(e){
				if ( $(this).is('.ui-draggable-dragging') ) {
                  return;
	            }
				e.preventDefault();
				$('#chat-btn').toggleClass('open');
				$('#chat-box').toggleClass('open');
			});
		});
	</script>
</body>
</html>